body,div,ul,li,h1,h2,h3,h4{
    margin: 0;
    padding: 0;
}
img{
    border:0px;
}
ul li{
    list-style: none;
}
a:link{
    color:#959595;
    text-decoration: none;
}
a:hover{
    color:#3e80ee;
}
.max{
    width: 1920px;
    height: auto;
}
/*头部导航*/
.header{
    width:100%;
    height: 770px;
}
.header-nav{
    width:1200px;
    height: 120px;
    margin:0 auto;
}
.header-nav img{
    float: left;
    margin-top:19px;
}
.header-nav-column{
    width: 600px;
    height: 118px;
    float: left;
    margin-left: 300px;
}
.header-nav-column li{
    float: left;
    width:60px;
    height:30px; 
    margin-right:40px;
    font-size:15px;
    margin-top:40px; 
}
.header-nav-column a:hover{
    border-bottom: 2px solid #959595;
}
.header-nav-search{
    width: 160px;
    height: 30px;
    float: left;
    border-bottom: 2px solid #959595;
    border-top: 2px solid #959595;
    margin-left: 50px;
    margin-top: 40px;
    background-image: url(search.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.header-pic{
    width:100%;
    height: 650px;
    float: left;
    background-image: url(lunbo.png);
    background-repeat: no-repeat;
    position: relative;
}
.header-pic-text{
    width: 320px;
    height: 170px;
    float: left;
    position: absolute;
    left:780px;
    top:240px;
    color: white;
}
.header-pic-text h1{
    font-size:32px;
    font-family: "宋体";
    text-align: center;
}
.header-pic-text-imp{
    width:320px;
    height:30px;
    float: left;
}
.header-pic-text-imp h3{
    text-align: center;
}
#header-pic-text-big{
    font-size:48px;
    font-family:"宋体";
    display: inline-block;
    margin-left:13px; 
}
#header-pic-text-content{
    font-size:14px;
    font-family:"宋体";
    display: inline-block;
    margin-left:18px; 
}
#header-pic-text-hot{
    font-size:14px;
    font-family:"宋体";
    display: inline-block;
    margin-left:50px; 
}
/*中间内容*/
.content{
    width:1920px;
    height:800px;
    float: left;
}
.content-services{
    width: 1920px;
    height: 992px;
    float: left;
    margin-bottom: 10px;
}
.content-services-introduce{
    width: 1070px;
    height: 505px;
    float: left;
    margin-left:429px; 
}
.content-services-introduce-title{
    width: 1070px;
    height: 270px;
    float: left;
}
.content-services-introduce-title h1{
    text-align: center;
    color: #959595;
    font-family:"宋体";
    margin-top: 100px;
}
.content-services-introduce-title p{
    text-align: center;
    color: #959595;
    font-weight: bold;
    margin-top:1px;
}
.content-services-introduce-title span{
    color: #959595;
    margin-left:505px;
}
.content-services-introduce-tags{
    width: 1070px;
    height: 230px;
    float: left;
    margin-left:45px;
    /*border: 1px solid black;*/
}
.content-services-introduce-tags-design{
    float: left;
    margin-right:130px;
}
.content-services-introduce-tags-design p{
    font-size: 14px;
    color: #c8c8c8;
}
.border-bottom{
    width: 27px;
    margin-left:15px;
    border-bottom: 2px solid #c8c8c8;
}
#design-hot{
    margin-left: 15px;
}
.content-services-content{
    width: 1920px;
    height: 487px;
    float: left;
    background-color: #f3f3f3;
}
.content-services-content-poj{
    width: 721px;
    height: 487px;
    float: left;
    margin-left: 355px;
}
.content-services-content-pic{
    width: 841px;
    height: 487px;
    float: left;
    background-image: url(content-pic.png);
    background-repeat: no-repeat;
}
.content-services-content-poj h1{
    color: #959595;
    margin-top:75px;
}
.content-services-content-poj span{
    font-size: 18px;
    color:#959595; 
    display: inline-block;
    margin-top: 5px;
}
.border-bottom{
    margin-left: 0px;
    margin-top: 10px;
}
.content-services-content-poj-text{
    width:721px;
    height:150px;
    float: left;
}
.content-services-content-poj-text span{
    font-size:16px;
    color: #959595;
    float: left;
}
.content-services-content-poj-tag{
    width: 62px;
    height: 19px;
    float: left;
    margin-top: 10px;
    background-color: #5a9eff;
}
.content-services-content-poj-tag a{
    color: white;
}
.content-case{
    width: 1205px;
    height: 1345px;
    float: left;
    margin-left: 358px;
}
.content-case-poj{
    width: 1205px;
    height: 277px;
    float: left;
    position: relative;
}
.content-case-poj-title{
    width: 138px;
    height: 102px;
    float: left;
    position: absolute;
    left: 532px;
    top: 100px;
}
.border-bottom{
    margin-left: 55px;
}
.content-case-poj-title h1{
    color: #a3a3a3;
    text-align: center;
    margin-top: 10px;
}
.content-case-poj-title span{
    margin-left:35px;
    margin-top: 8px;
    color: #a3a3a3;
    display: inline-block;
}
.content-case-submenu{
    width: 1205px;
    height: 386px;
    float: left;
    border: 1px solid black;   
}
.content-case-submenu-ber{
    width: 203px;
    height: 386px;
    float: left;
    margin-right:40px;
}
.content-case-submenu-ber span{
    color: #787878;
    font-size: 20px;
    display: inline-block;
    margin-top: 10px;
}
.ber-bottom{
    width: 193px;
    margin-left: 5px;
    margin-top:15px;
    border:1.5px solid #cecece; 
}
.content-case-submenu-other{
    width: 200px;
    height: 286px;
    float:right;
}
.content-new{
    width: 1205px;
    height: 688px;
    float: left;
}
.content-new-poj{
    width: 203px;
    height: 472px;
    float: left;
    margin-top: 105px;
}
.content-new-poj h1{
    color:#959595;
    text-align: center;
    margin-top: 10px;
}
.content-new-poj span{
    color: #959595;
    display:inline-block;
    margin-left:65px;
    margin-bottom: 10px;
}
.content-new-poj img{
    margin-top:50px;
}
.content-new-date{
    width: 204px;
    height: 476px;
    float: left;
    margin-top: 95px;
    margin-left:40px;
    position: relative;
}
.content-new-date p{
    font-size: 15px;
    color:#959595; 
}
.content-new-date span{
    font-size:60px;
    color: #959595;
    position: absolute;
    right: 0px;
    top: 0px;
}
.content-content{
    width: 1205px;
    height: 627px;
    float: left;
}
.content-content-title{
    width: 1205px;
    height: 270px;
    float: left;
    position: relative;
}
.content-content-title-head{
    width: 260px;
    height: 104px;
    float: left;   
    position: absolute;
    left:460px;
    top: 90px;
}
.content-border{
    width: 27px;
    margin-left:110px;
    margin-top: 10px;
    border-bottom: 2px solid #c8c8c8;
}
.content-content-title-head h1{
    font-size: 40px;
    color: #c8c8c8;
    text-align: center;
}
.content-content-title-head span{
    font-size: 20px;
    color: #c8c8c8;  
    margin-left:80px;
}
.content-content-container{
    width: 1205px;
    height: 358px;
    float: left;
}
.content-content-container-regsiter{
    width: 1205px;
    height: 30px;
    float: left;
}
.content-content-container-regsiter-name{
    width: 324px;
    height: 30px;
    float: left;
    margin-right:75px; 
    border-bottom:2px solid #c8c8c8;
}
.content-content-container-regsiter input[type="text"]{
    border:none;
    width:200px;
    height: 25px; 
}
.content-content-container-leaving{
    width: 1205px;
    height: 30px;
    float: left;
    margin-top: 75px;
}
.content-content-container-leaving-title{
    width:1130px;
    height: 30px;
    float: left;
    border-bottom:2px solid #c8c8c8;
}
.content-content-container-leaving-title input[type="text"]{
    border:none;
    width:200px;
    height: 25px; 
}


/*页脚*/
/*.footer{
    width: 1920px;
    height: 443px;
    float: left;
    background-color: #f3f3f3;
}
*/